$f: 19.2;

body {
  background: #01000A;
  color: white;
}

img{
  object-fit: cover;
}

.common_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
}

img{
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}


.home {
  .banner{
    height: calc(100vh + 800px);
    position: relative;
    &:after{
      content: '';
      position: absolute;
      width: 100%;
      height: 239/$f+vw;
      bottom: 0;
      z-index: 5;
      background: linear-gradient(180deg, rgba(1, 0, 10, 0.00) 0%, #01000A 100%);
    }
    .fix{
      height: 100vh;
      position: sticky;
      position: -webkit-sticky;
      top: 0;
      left: 0;
      overflow: hidden;
      z-index: 1;
      display: flex;
      align-items: center;
      .wrap{
        padding: 0 152/$f+vw;
        .title{
          color: #FFF;
          font-size: 128/$f+vw;
          font-style: normal;
          font-weight: 600;
          line-height: 128/$f+vw; /* 100% */
          p{
            width: fit-content;
            position: relative;
            display: flex;
            &:nth-child(2) {
              left: -31/$f+vw;
            }
          }
          span{
            display: block;
            margin: 0 40/$f+vw 0 0;
          }

        }

        .p1{
          color: #FFF;
          font-size: 32/$f+vw;
          font-style: normal;
          font-weight: 400;
          line-height: 48/$f+vw; /* 150% */
          margin: 40/$f+vw 0 0 0;
        }
      }
    }
  }

  .section1{
    padding: 154/$f+vw 150/$f+vw 272/$f+vw 150/$f+vw;
    .title{
      text-align: right;
      color: #FFF;
      font-size: 40/$f+vw;
      font-style: normal;
      font-weight: 400;
      line-height: 60/$f+vw; /* 150% */
    }
    .content{
      margin: 80/$f+vw 0 0 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .item{
        width: 483/$f+vw;
        height: 311/$f+vw;
        border-radius: 3/$f+vw;
        border: 2/$f+vw solid #0080FA;
        background: linear-gradient(116deg, rgba(0, 0, 0, 0.20) 41.41%, rgba(0, 47, 255, 0.20) 80.28%), #000;
        position: relative;
        padding: 0 64/$f+vw;
        display: flex;
        align-items: center;
        transition: .4s ease;
        &:hover{
          border: 2/$f+vw solid transparent;
          background: transparent;
          .hide{
            opacity: 1;
            pointer-events: auto;
          }
        }
        .hide{
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: 1;
          display: flex;
          align-items: center;
          opacity: 0;
          pointer-events: none;
          transition: .4s ease;
          .text{
            padding: 0 34/$f+vw 0 43/$f+vw;
            color: #FFF;
            font-size: 24/$f+vw;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            span{
              color: #1FA5FD;
              font-size: 40/$f+vw;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
            }
          }
        }
        &:nth-child(2) {
          top: 55/$f+vw;
        }
        &:nth-child(3) {
          top: 112/$f+vw;
          .hide{
            .text{
              font-size: 20/$f+vw;
              padding: 0 19/$f+vw 0 43/$f+vw;
            }
          }
        }
        .num{
          width: fit-content;
          font-size: 53/$f+vw;
          font-style: normal;
          font-weight: 500;
          line-height: 60/$f+vw; /* 113.024% */
          background: linear-gradient(135deg, #1FA5FD 0%, #002FFF 50%, #09090B 100%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
        .p1{
          color: #FFF;
          font-size: 40/$f+vw;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          text-transform: capitalize;
          margin: 24/$f+vw 0 0 0;
        }
      }
    }
  }

  .section2{
    height: calc(100vh + 1000px);
    position: relative;
    .fix{
      height: 100vh;
      position: sticky;
      position: -webkit-sticky;
      top: 0;
      left: 0;
      z-index: 1;
      .position_text{
        position: absolute;
        left: 120/$f+vw;
        top: 140/$f+vw;
        opacity: 0;
        pointer-events: none;
        transition: .6s ease;
        &.on{
          opacity: 1;
          pointer-events: auto;
        }
        .p1{
          color: #FFF;
          font-size: 64/$f+vw;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
        }
        .p2{
          margin: 18/$f+vw 0 0 0;
          color: #FFF;
          font-size: 24/$f+vw;
          font-style: normal;
          font-weight: 400;
          line-height: 36/$f+vw; /* 150% */
        }
      }
      .cir{
        position: absolute;
        width: 100%;
        height: 200%;
        pointer-events: none;
        top: 0;
        left: 0;
        overflow: hidden;
        div{
          position: absolute;
          pointer-events: none;
          width: 1944/$f+vw;
          top: 390/$f+vw;
          right: -573/$f+vw;
          z-index: -1;
          height: 1296/$f+vw;
          border-radius: 648/$f+vw;
          opacity: 0.6;
          background: radial-gradient(90.14% 60.09% at 50% 50%, rgba(0, 47, 255, 0.80) 0%, rgba(0, 0, 0, 0.00) 66%);
          flex-shrink: 0;
          filter: blur(130px);
        }
      }
      .cir2{
        position: absolute;
        width: 100%;
        height: 200%;
        pointer-events: none;
        top: 0;
        left: 0;
        overflow: hidden;
        div{
          position: absolute;
          pointer-events: none;
          width: 313/$f+vw;
          height: 234/$f+vw;
          top: 555/$f+vw;
          left: -198/$f+vw;
          z-index: -1;
          border-radius: 313/$f+vw;
          background: rgba(0, 47, 255, 0.70);
          filter: blur(150px);
        }
      }
      .center{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        transition: all 600ms;
        &.an1{
          top:55%;
          pointer-events: none;
          .position1{
            opacity: 1;
            transition: 600ms;
            transition-delay: 200ms;
          }
          .position2{
            opacity: 1;
            transition: 1s;
            transition-delay: 800ms;
          }
          .item{
            &:nth-child(3) .other{
              transition: 1s;
              opacity: 1;
            }
          }
          .other{
            .other_list{
              opacity: 1;
              transition: 1s;
              &.other_list1{
                transition-delay: 200ms;
              }
              &.other_list2{
                transition-delay: 400ms;
              }
              &.other_list3{
                transition-delay: 600ms;
              }
              &.other_list4{
                transition-delay: 400ms;
              }
            }
          }
        }
        .other{
          position: absolute;
          z-index: 55;
          width: 100%;
          height: 100%;
          pointer-events: none;
          .other_list{
            display: flex;
            align-items: center;
            position: absolute;
            opacity: 0;
            pointer-events: auto;
            &.other_list1 {
              top: 47%;
              p{
                margin-left: 0;
              }
            }
            &.other_list2 {
              left: 50%;
              bottom: 80/$f+vw;
              transform: translateX(-50%);
              width: 300/$f+vw;
              justify-content: center;
            }
            &.other_list3{
              top: 47%;
              right: 3%;
            }
            &.other_list4{
              width: 300/$f+vw;
              justify-content: center;
              left: 50%;
              transform: translateX(-50%);
              top: 80/$f+vw;
            }
            .small{
              // width: 66/$f+vw;
              height: 35/$f+vw;
              display: flex;
              align-items: center;
              justify-content: center;
              img{
                max-width: unset;
                height: 100%;
                max-height: unset;
                object-fit: contain;
              }
            }
            p{
              color: #FFF;
              font-size: 26.5/$f+vw;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
              margin-left: 10/$f+vw;
            }
          }
        }
        .position{
          position: absolute;
          right: 120%;
          top: 50%;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          opacity: 0;
          pointer-events: none;
          &.right{
            left: 120%;
            right: unset;
            flex-direction: row-reverse;
            svg{
              margin: 0 70/$f+vw 0 0;
            }
          }
          .message{
            width: 252/$f+vw;
            height: 88/$f+vw;
            border-radius: 3/$f+vw;
            border: 2/$f+vw solid #0080FA;
            background: #01000A;
            display: flex;
            align-items: center;
            padding: 0 20/$f+vw;
            .img{
              width: 45/$f+vw;
              height: 45/$f+vw;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 16/$f+vw 0 0;
              img{
                object-fit: contain;
              }
            }
            .text{
              .p1{
                color: #FFF;
                font-size: 20/$f+vw;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                margin: 0 0 4/$f+vw;
              }
              .p2{
                color: #FFF;
                font-size: 13/$f+vw;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
              }
            }
          }
          svg{
            margin: 0 0 0 70/$f+vw;
            width: 33/$f+vw;
          }
        }
        .move{
          position: relative;
          left: -480/$f+vw;

        }
        .joke{
          display: grid;
          grid-template-columns: repeat(2,1fr);
          gap: 30/$f+vw;
          transition: 1s;
          &.on{
            //transform: rotate(315deg) !important;
            .item{
              .bg1{
                opacity: 1;
              }
              .bg2{
                opacity: 0;
              }
              .icon{
                opacity: 0;
              }
            }
          }
        }
        .item{
          position: relative;
          width: 290/$f+vw;
          cursor: pointer;
          &:nth-child(2) {
            .bg3{
              width: 100%;
            }
          }
          &:nth-child(2) {
            .other{
              left: 45%;
            }
          }
          &:nth-child(4) {
            .other{
              top: 42%;
              left: 42%;
            }
          }
          &.on{
            .bg1{
              opacity: 0;
            }
            .bg2{
              opacity: 1;
            }
          }
          .icon{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 218/$f+vw;
            height: 142/$f+vw;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: .6s ease;
            img{
              object-fit: contain;
            }
          }
          .bg{
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: .6s ease;
          }
          .bg2{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
          }
          .bg3{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transition: .6s ease;
            &.on{
              opacity: 1;
            }
          }
        }
      }
      .fist{
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 304/$f+vw;
        //transition: .6s ease;
        //&.hide{
        //  opacity: 0;
        //  pointer-events: none;
        //}

        .wrap{
          width: 614/$f+vw;
          .title{
            color: #FFF;
            font-size: 64/$f+vw;
            font-style: normal;
            font-weight: 500;
            line-height: 76.8px; /* 120% */
          }
          .cut{
            margin: 64/$f+vw 0 0 0 ;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1/$f+vw solid rgba(255, 255, 255, 0.20);
            .list{
              padding: 0 0 25/$f+vw;
              color: #FFF;
              font-size: 24/$f+vw;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
              cursor: pointer;
              transition: .6s;
              position: relative;
              &:after{
                content: '';
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 1px;
                left: 0;
                background: #0080FA;
                transform-origin: left;
                transform: scaleX(0);
                transition: .6s ease;
              }
              &.on{
                color: #0080FA;
                &:after{
                  transform: scaleX(1);
                }
              }
            }
          }
          .text{
            margin: 40/$f+vw 0 0 0;
            color: #FFF;
            font-size: 24/$f+vw;
            font-style: normal;
            font-weight: 400;
            line-height: 36/$f+vw; /* 150% */
          }
          .con_cut{
            .con_cut_list{
              display: none;
              &.on{
                display: block;
              }
            }
          }
          .dis{
            margin: 30/$f+vw 0 0 0;
            display: flex;
            align-items: flex-end;
            span{
              color: #0080FA;
              font-size: 96/$f+vw;
              font-style: normal;
              font-weight: 500;
              line-height: 80/$f+vw;
            }
            .p1{
              color: #0080FA;
              font-size: 24/$f+vw;
              font-style: normal;
              font-weight: 500;
              line-height: 30/$f+vw;
            }
            .p2{
              color: #FFF;
              font-size: 24/$f+vw;
              font-style: normal;
              font-weight: 400;
              margin: 0 0 0 15/$f+vw;
            }
          }
          .p3{
            margin: 47/$f+vw 0 0 0;
            color: #FFF;
            font-size: 12/$f+vw;
            font-style: normal;
            font-weight: 400;
          }
        }
      }
      .mobile_box{
        display: none;
      }
    }
  }

  .section3{
    padding: 117/$f+vw 150/$f+vw 205/$f+vw 150/$f+vw;
    .title{
      .p1{
        color: #FFF;
        font-size: 64/$f+vw;
        font-style: normal;
        font-weight: 500;
        line-height: 76.8/$f+vw; /* 120% */
        text-transform: capitalize;
        margin: 0 0 18/$f+vw;
      }
      .p2{
        color: #FFF;
        font-size: 24/$f+vw;
        font-style: normal;
        font-weight: 400;
        line-height: 36/$f+vw; /* 150% */
      }
    }
    .content{
      margin: 80/$f+vw 0 0 0;
      display: flex;
      justify-content: space-between;
      .item{
        width: 379/$f+vw;
        height: 224/$f+vw;
        border-radius: 3/$f+vw;
        border: 2/$f+vw solid #0080FA;
        background: linear-gradient(116deg, rgba(0, 0, 0, 0.20) 41.41%, rgba(0, 47, 255, 0.20) 80.28%), #000;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        &:last-child{
          .position{
            left: 50/$f+vw;
          }
        }
        &:hover{
          .y{
            transform: translateY(0);
            .pick{
              opacity: 1;
            }
          }
          .position{
            opacity: 1;
          }
        }
        .y{
          text-align: center;
          transform: translateY(20/$f+vw);
          transition: .6s;
          .headline{
            color: #FFF;
            font-size: 26/$f+vw;
            font-style: normal;
            font-weight: 500;
            margin: 0 0 10/$f+vw;
          }
          .pick{
            color: #FFF;
            font-size: 16/$f+vw;
            font-style: normal;
            font-weight: 400;
            line-height: 30/$f+vw; /* 187.5% */
            opacity: 0;
            transition: .6s;
          }
        }
        .position{
          position: absolute;
          bottom: -40/$f+vw;
          left: 190/$f+vw;
          display: flex;
          opacity: 0;
          transition: .6s;
          pointer-events: none;
          .line{
            width: 42/$f+vw;
            object-fit: contain;
          }
          .bor{
            width: fit-content;
            padding: 0 28/$f+vw 0 18/$f+vw;
            height: 80px;
            border-radius: 0px 3px 3px 3px;
            border: 1px solid #0080FA;
            background: #01000A;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            top: 60px;
            .img{
              width: 66/$f+vw;
              height: 36/$f+vw;
              display: flex;
              align-items: center;
              justify-content: center;
              img{
                object-fit: contain;
              }
            }
            p{
              color: #0080FA;
              font-size: 20/$f+vw;
              font-style: normal;
              font-weight: 500;
              white-space: nowrap;
            }
          }
        }
      }
    }
  }

  .section4{
    padding: 160/$f+vw 150/$f+vw 60/$f+vw 150/$f+vw;
    .content{
      width: 1620/$f+vw;
      height: 409/$f+vw;
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      .p1{
        color: #FFF;
        font-size: 60/$f+vw;
        font-style: normal;
        font-weight: 500;
      }
      .more{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom:68/$f+vw;
        width: 161/$f+vw;
        height: 45/$f+vw;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        font-size: 20/$f+vw;
        font-style: normal;
        font-weight: 400;
        border-radius: 3/$f+vw;
        border: 1/$f+vw solid #1FA5FD;
        background: #01000A;
        // position: relative;
        z-index: 1;
        overflow: hidden;
        transition: .6s ease;
        &:hover{
          border: 1px solid transparent;
          background: transparent;
          &:after{
            opacity: 1;
          }
        }
        &:after{
          opacity: 0;
          transition: .6s ease;
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: -1;
          background: linear-gradient(90deg, #1FA5FD 0%, #3C0ED5 100%);
        }
      }
    }
  }
  .section5{
    padding: 100/$f+vw 150/$f+vw 92/$f+vw 150/$f+vw;
    .top{
      display: flex;
      justify-content: space-between;
      .title{
        color: #FFF;
        font-size: 64/$f+vw;
        font-style: normal;
        font-weight: 500;
      }
      .button{
        display: flex;
        gap: 0 40/$f+vw;
        margin: 36/$f+vw 0 0 0;
        .click{
          width: 80/$f+vw;
          height: 80/$f+vw;
          position: relative;
          cursor: pointer;
          &:hover{
            img{
              opacity: 0;
              &:last-child{
                opacity: 1;
              }
            }
          }
          &:last-child{
            transform: rotate(180deg);
          }
          img{
            width: 100%;
            transition: .6s ease;
            &:nth-child(2) {
              position: absolute;
              top: 0;
              left: 0;
              transform: rotate(180deg);
              opacity: 0;
            }
          }
        }
      }
    }
    .content{
      margin: 60/$f+vw 0 0 0;
      .newsSwiper{
        .item{
          width: 100%;
          height: 612/$f+vw;
          border-radius: 2/$f+vw;
          border: 2/$f+vw solid #39546C;
          background: #01000A;
          padding: 25/$f+vw;
          display: block;
          transition: .6s ease;
          &:hover{
            border: 2/$f+vw solid #0080FA;
            .img{
              img{
                transform: scale(1.05);
              }
            }
            .text{
              .more{
                &:after{
                  transform: scaleX(1);
                }
              }
            }
          }
          .img{
            width: 100%;
            height: 305/$f+vw;
            overflow: hidden;
            img{
              width: 100%;
              height: 100%;
              transition: .6s ease;
            }
          }
          .text{
            margin: 27/$f+vw 0 0 0;
            .p1{
              color: #FFF;
              font-size: 26/$f+vw;
              font-style: normal;
              font-weight: 500;
              line-height: 35/$f+vw; /* 136.091% */
            }
            .more{
              color: #FFF;
              font-size: 20/$f+vw;
              font-style: normal;
              font-weight: 400;
              margin: 54/$f+vw 0 0 0;
              position: relative;
              width: fit-content;
              &:after{
                content: '';
                position: absolute;
                bottom: -2/$f+vw;
                left: 0;
                width: 100%;
                height: 1px;
                background: #fff;
                transform-origin: left;
                transform: scaleX(0);
                transition: .6s;
              }
            }
          }
        }
      }
    }
  }
  @media screen and (max-width: 1024px) {
      overflow: hidden;

      .banner{
      height: 100vh;
      .fix{
        height: 100%;
        position: relative;
        .wrap{
          padding: 0 5%;
          .title{
            line-height: 1.5;
            p{
              font-size: 30px;
              span{
                opacity: 1!important;
                transform: none!important;
              }
            }
          }
          .p1{
            font-size: 16px;
            line-height: 25px;
          }
        }
      }
    }
    .section1{
      padding: 25px 5%;
      .title{
        font-size: 16px;
        line-height: 25px;
        br{
          display: none;
        }
      }
      .content{
        flex-direction: column;
        gap: 20px 0;
        .item{
          top: 0!important;
          width: 100%;
          height: auto;
          padding: 60px 5%;
          .num{
            font-size: 30px;
            line-height: unset;
          }
          .p1{
            font-size: 16px;
            line-height: 25px;
          }
          .hide{
            .text{
              padding: 0 5%;
              font-size: 13px!important;
              line-height: 25px;
              span{
                font-size: 13px!important;
              }
            }
          }
        }
      }
    }
    .section2{
      height: auto;
      padding: 45px 0 0 0;
      .fix{
        height: auto;
        position: static;
        .center{
          display: none;
        }
        .fist{
          height: auto;
          padding: 0 5%;
          .wrap{
            width: 100%;
            .title{
              font-size: 28px;
              line-height: 1.7;
            }
            .cut{
              margin: 15px 0 0 0;
              .list{
                padding: 0 0 10px;
                font-size: 13px;
              }
            }
            .text{
              font-size: 13px;
              line-height: 1.6;
              margin: 30px 0 0 0;
            }
            .dis{
              margin: 25px 0;
              span{
                font-size: 35px;
                line-height: unset;
              }
              .p1{
                font-size: 14px;
                line-height: 32px;
              }
              .p2{
                margin: -8px 0 0 15px;
                position: relative;
                top: -5px;
                font-size: 14px;
              }
            }
            .p3{
              font-size: 14px;
              line-height: 1.56;
              margin: 10px 0 0 0;
            }
          }
        }
        .mobile_box{
          display: block;
          width: 90%;
          margin: 60px auto 20px auto;
          .p1{
            font-size: 24px;
          }
          .p2{
            font-size: 14px;
            margin-top: 10px;
          }
          .position{
            margin: 20px 0;
            .message{
              width: 100%;
              height: 88px;
              border-radius: 3px;
              border: 2px solid #0080FA;
              background: #01000A;
              display: flex;
              align-items: center;
              padding: 0 20px;
              .img{
                width: 45px;
                height: 45px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 16px 0 0;
                img{
                  object-fit: contain;
                }
              }
              .text{
                width: calc(100% - 61px);
                .p1{
                  color: #FFF;
                  font-size: 20px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: normal;
                  margin: 0 0 4px;
                }
                .p2{
                  color: #FFF;
                  font-size: 13px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: normal;
                }
              }
            }
            svg{
              width: 20px;
              margin: 15px auto;
              display: block;
              transform: rotate(90deg);
              height: auto;
            }
          }
        }
      }
    }

    .section3{
      padding: 50px 5%;
      .title{
        .p1{
          font-size: 24px;
          line-height: 1;
          margin: 0 0 15px;
        }
        .p2{
          font-size: 13px;
          line-height: 1.6;
        }
      }
      .content{
        flex-direction: column;
        gap: 20px 0;
        margin: 25px 0 0 0;
        .item{
          width: 100%;
          height: auto;
          padding: 50px 0;
          display: block;
          .y{
            transform: translateY(0);
            .headline{
              font-size: 24px;
              margin: 0 0 10px;
            }
            .pick{
              font-size: 13px;
              line-height: 25px;
              opacity: 1;
            }
          }
          .position{
            position: static;
            opacity: 1;
            width: fit-content;
            pointer-events: auto;
            margin: 25px auto 0;
            .bor{
              top: 0;
              padding: 10px 20px 10px 10px;
              height: auto;
              .img{
                width: 30px;
                height: fit-content;
                margin: 0 5px 0 0;
              }
              p{
                font-size: 13px;
              }
            }
            .line{
              display: none;
            }
          }
        }
      }
    }

    .section4{
      padding: 0 5% 35px 5%;
      .content{
        width: 100%;
        height: 200px;
        .p1{
          font-size: 24px;
        }
        .more{
          width: 153px;
          height: 42px;
          font-size: 14px;
          margin: 15px auto;
        }
      }
    }

    .section5{
      padding: 35px 5%;
      .top{
        .title{
          font-size: 24px;
        }
        .button{
          gap: 15px;
          margin: 0;
          .click{
            width: 45px;
            height: 45px;
          }
        }
      }
      .content{
        margin: 30px 0 0 0;
        .newsSwiper{
          .swiper-slide{
            .item{
              height: auto;
              padding: 5%;
              .img{
                height: auto;
              }
              .text{
                margin: 15px 0 0 0;
                .p1{
                  font-size: 14px;
                  line-height: 1.7;
                }
                .more{
                  font-size: 14px;
                  margin: 25px 0 0 0;
                }
              }
            }
          }
        }
      }
    }
  }
}